@import '{public}/style/common';

.nui-datagrid {
    .datagrid-inner, .datagrid-foot { 
        background-color: #fff;
    }

    .table-row-0 {
        td {
            border-top:none;
        }
    }

    .table-cell {
        height: 50px;
    }

    .table-thead {
        th {
            height: 68px;
            background-color: #fff;
        }
    }

    &.nui-datagrid-simple {
        .datagrid-thead {
            .table-thead th {
                background-color: #9DA8AE;
                color: #fff;
                border:none;
            }
            .table-cell {
                &.bdl {
                    border-left: 1px solid #9DA8AE;
                }
                &.bdr {
                    border-right: 1px solid #9DA8AE;
                }
                &.bdlr {
                    border-left:1px solid #ECEDEF;
                    border-right:1px solid #ECEDEF;
                }
                &.bdtlr {
                    border:1px solid #ECEDEF;
                    border-bottom:none;
                }
            }
        }
        .table-cell {
            &.table-cell-0 {
                border-left:none;
            }
            &.table-cell-last {
                border-right:none;
            }
        }
    }
}

.m-main-header {
    .tools {
        padding: 13px 20px;
        background-color: #fff;
        .left, .right {
            height: 35px;
        }
        .left {
            .ui-button {
                width: 35px;
                padding: 0;
            }
            .ui-button-gray {
                color: #646464;
                border: 1px solid #ccc;
            }
        }
        .ui-input-long {
            width: 170px;
        }
        .ui-checkradio,.ui-imitselect,.ui-input-dropdown,.ui-input,.ui-button {
            float: left;
        }
        .ui-label {
            width: 80px;
        }
        .ui-input-normal {
            width: 200px;
        }
    }
}

.m-tabmenu {
    a {
        display: inline-block;
        height: 35px;
        line-height: 35px;
        padding:0 4px 10px;
        min-width:60px;
        border-bottom:3px solid #fff;
        text-align: center;
        font-size: 14px;
    }
    a.s-crt {
        color: #3F91F1;
        border-bottom-color: #3F91F1;
    }
}

.m-main-body {
    position: absolute;
    padding: 10px 20px;
    top: 138px;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
}

.ui-input-dropdown {
    position: relative;
    display: inline-block;
    .ui-input {
        padding-right: 25px;
    }
    .iconfont {
        position: absolute;
        right: 8px;
        top: 50%;
        margin-top: -5px;
    }
}

.nui-layer {
    &.layer-fullscreen {
        .layer-body {
            background-color: #FAFAFA;
            .m-main-header {
                margin: 0 20px;
            }
            .m-main-body {
                top:122px;
                left: 20px;
                right: 20px;
                bottom:20px;
            }
            .m-voucher-box {
                margin: 0 auto;
                .m-main-header {
                    margin: 0;
                }
            }
        }
    }
}